<template>
  <div <div style="border-bottom: 1px solid  #dcdee2">
                <div class="navs-header">
                    <div style="padding-left: 6px">
                        <span>名称：</span>
                        <Input v-model="searchInfo" search placeholder="请输入姓名搜索...." @on-change="handleSearch1"  style="width: 186px"/>
                    </div>
                </div>
            </div>
            <my-tree :data="data5" :rend="renderContent"></my-tree> class="wrapper">

  </div>
</template>

<script>
    import myTree from  "@/views/my-components/private/components/my-tree";
export default {
name:'ui-design-tree',
components:{myTree},
  props:{},
  data(){
    return {
    }
  },
  watch:{},
  computed:{},
  methods:{},
  created(){},
  mounted(){}
}
</script>
<style lang="less" scoped>
.wrapper{width:100%;}
    .navs-header{
    display: flex;
    align-items: center;
    height:40px;
    width: 100%;
    button{
        margin-left: 10px;
    }
}
</style>